<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>文本过滤练习</title>
    <!--    引入jquery-->
    <script src="../../../js/jquery-3.3.1.js"></script>
</head>
<body>
<div>
   请输入一段简单文字：
    <input type="text"> <br>
    <button>提交</button>
</div>

<script>

    /**
     * 需求： 点击按钮，对输入的文字内容进行检索，如果包含wc，则将改文字颜色设置为红色
     * 思路：
     *  1.点击，则需要事件
     *  2.校验 则使用某个过滤器
     *  focus
     *  blur
     *  先放弃，等我后买好了再来解决这个问题。。。。
     */
    $('button').click(function (){
        let html = $('input:contains("wc")').text();
        console.log(html)
    })
</script>

</body>
</html>